//我的账户
<template>
    <div style="float:left;margin-left:20px;margin-bottom: 100px;">
        <!-- <b-tabs>
          
          <b-tab @click="pageChange(0,'/account_msg')" :class="{active:accountTabActive==0}" :title="$t('u_zhxx')">
              <account-msg></account-msg>
          </b-tab>
          
          <b-tab @click="pageChange(1,'/bind_phone')" :class="{active:accountTabActive==1}" :title="$t('u_bdsj')">
              <bind-phone></bind-phone>
          </b-tab>
            
          <b-tab @click="pageChange(2,'/real_info')" :class="{active:accountTabActive==2}" :title="$t('u_smrz')">
              <real-info></real-info>
          </b-tab>
            
          <b-tab @click="pageChange(3,'/trade_pwd')" :class="{active:accountTabActive==3}" :title="$t('u_jyma')">
              <trade-pwd></trade-pwd>
          </b-tab>
      </b-tabs> -->

        <!-- <div class="tab-wapper">
            <ul class="tab-list">
                <! 账户信息 -
                <li @click="pageChange(0,'/account_msg')" :class="{active:accountTabActive==0}" class="tab-item">{{$t('u_zhxx')}}</li>
                <! 绑定手机号 
                <! <li @click="pageChange(1,'/bind_phone')" :class="{active:accountTabActive==1}" class="tab-item">{{isBindPhone?$t('u_ghsjh'):$t('u_bdsj')}}</li> 
                <! 实名认证 
                <li @click="pageChange(2,'/real_info')" :class="{active:accountTabActive==2}" class="tab-item">{{$t('u_smrz')}}</li>
                <! 交易密码 
                <li @click="pageChange(3,'/trade_pwd')" :class="{active:accountTabActive==3}" class="tab-item">{{ifTradePwd?$t('u_czjymm'):$t('u_jyma')}}</li>
                <! 修改 登录密码 
                <li @click="pageChange(4,'/login_pwd')" :class="{active:accountTabActive==4}" class="tab-item">修改登录密码</li>
            </ul>
        </div> -->
        <b-container class="dd" style="width:1020px;margin-left:20px;min-height:604px;background:#fff;margin-left:0">
            <transition name="fade">
                <router-view></router-view>
            </transition>
        </b-container>

    </div>
</template>

<script>
import { mapState, mapMutations, mapActions } from "vuex";

export default {
    data() {
        return {
            msg: "我的账户",
        };
    },
    methods: {
        pageChange(index, url) {
            this.accountTabActiveChange(index);
            this.$router.push({ path: "/user/account" + url });
        },
        ...mapMutations(['userUrlChange']),
        ...mapActions(['accountTabActiveChange'])
    },
    computed: {
        ...mapState(['accountTabActive', 'isBindPhone', 'ifTradePwd'])
    },
    created() {
        this.userUrlChange('account');
    }
};
</script>

<style lang="scss" scoped>
@import '../../assets/style/common.scss';

.nav_bg {
    background: #0f214a;
}
</style>


